<div class="home-menu">
  <div class="left">
    <span><img src="assets/img/login.png" class="image">
      随餐饮艺企业管理平台</span>
  </div>

  <div class="right">
    欢迎您，<a *ngIf="user">
      {{user.name}}
    </a>！
    <span style="margin-right:1rem;">{{dateTime}}</span>
    <button title="修改密码" *ngIf="user" (click)="changePwd()" nz-button nzType="primary" nzShape="circle"><i
        nz-icon type="unlock" theme="outline"></i>
    </button>
    <button title="退出系统" (click)="exit()" nz-button nzType="primary" nzShape="circle" style="margin-left:10px"><i
        nz-icon type="logout" theme="outline"></i>
    </button>
  </div>
</div>

<nz-modal [(nzVisible)]="isVisible" nzTitle="修改密码" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" nzWrapClassName="vertical-center-modal"
  [nzMaskClosable]="false" nzWidth="800">
  <div style="margin-bottom: 16px;" class="scrollbar my-modal">
    <nz-input-group nzAddOnBefore="原始密码">
      <input type="password" nz-input [(ngModel)]="doc.password">
    </nz-input-group>
    <nz-input-group nzAddOnBefore="新密码">
      <input type="password" nz-input [(ngModel)]="doc.newpass">
    </nz-input-group>
    <nz-input-group nzAddOnBefore="再次输入">
      <input type="password" nz-input [(ngModel)]="doc.newpass2">
    </nz-input-group>
  </div>
</nz-modal>